<template>
  <div class="trend-analysis">
    <!-- 月碳排放趋势 Echart -->
    <monthlyTrendChart />
    <!-- 年碳排放趋势 Echart -->
    <annualTrendChart />
  </div>
</template>

<script setup lang="ts">
import monthlyTrendChart from './components/monthlyTrendChart.vue';
import annualTrendChart from './components/annualTrendChart.vue';
</script>

<style scoped lang="scss">
// .trend-analysis {
//   .chart-box {
//     height: 290px;
//     background: #ffffff;
//     box-shadow: 0px 2px 4px 0px rgba(67, 89, 112, 0.08);
//     border-radius: 6px;
//   }
// }
</style>
